<template>
  <div>
    <!-------------------------------表格 ----------------------down ------------------->
    <el-table
      ref="multipleTable"
      :data="datas"
      border
      max-height="630"
      height="630"
      :cell-style="{'padding':'2px','font-size':'12px'}"
      :header-cell-style="{'padding':'0px','font-weight':'800'}"
      class="table"
      header-cell-class-name="table-header"
    >
      <el-table-column label="样本量字码" prop="CCODE" />
      <el-table-column label="样本量" prop="ISAMPLEQTY" />
      <el-table-column label="接收质量限（AQL）">
        <el-table-column label="0.01">
          <el-table-column label="Ac" prop="IAC0_010" />
          <el-table-column label="Re" prop="IRE0_010" />
        </el-table-column>
        <el-table-column label="0.015">
          <el-table-column label="Ac" prop="IAC0_015" />
          <el-table-column label="Re" prop="IRE0_015" />
        </el-table-column>
        <el-table-column label="0.025">
          <el-table-column label="Ac" prop="IAC0_025" />
          <el-table-column label="Re" prop="IRE0_025" />
        </el-table-column>
        <el-table-column label="0.040">
          <el-table-column label="Ac" prop="IAC0_040" />
          <el-table-column label="Re" prop="IRE0_040" />
        </el-table-column>
        <el-table-column label="0.065">
          <el-table-column label="Ac" prop="IAC0_065" />
          <el-table-column label="Re" prop="IRE0_065" />
        </el-table-column>
        <el-table-column label="0.10">
          <el-table-column label="Ac" prop="IAC0_10" />
          <el-table-column label="Re" prop="IRE0_10" />
        </el-table-column>
        <el-table-column label="0.15">
          <el-table-column label="Ac" prop="IAC0_15" />
          <el-table-column label="Re" prop="IRE0_15" />
        </el-table-column>
        <el-table-column label="0.25">
          <el-table-column label="Ac" prop="IAC0_25" />
          <el-table-column label="Re" prop="IRE0_25" />
        </el-table-column>
        <el-table-column label="0.40">
          <el-table-column label="Ac" prop="IAC0_40" />
          <el-table-column label="Re" prop="IRE0_40" />
        </el-table-column>
        <el-table-column label="0.65">
          <el-table-column label="Ac" prop="IAC0_65" />
          <el-table-column label="Re" prop="IRE0_65" />
        </el-table-column>

        <el-table-column label="1.0">
          <el-table-column label="Ac" prop="IAC1_0" />
          <el-table-column label="Re" prop="IRE1_0" />
        </el-table-column>
        <el-table-column label="1.5">
          <el-table-column label="Ac" prop="IAC1_5" />
          <el-table-column label="Re" prop="IRE1_5" />
        </el-table-column>
        <el-table-column label="2.5">
          <el-table-column label="Ac" prop="IAC2_5" />
          <el-table-column label="Re" prop="IRE2_5" />
        </el-table-column>
        <el-table-column label="4.0">
          <el-table-column label="Ac" prop="IAC4_0" />
          <el-table-column label="Re" prop="IAC4_0" />
        </el-table-column>
        <el-table-column label="6.5">
          <el-table-column label="Ac" prop="IAC6_5" />
          <el-table-column label="Re" prop="IRE6_5" />
        </el-table-column>
        <el-table-column label="10">
          <el-table-column label="Ac" prop="IAC10" />
          <el-table-column label="Re" prop="IRE10" />
        </el-table-column>
        <el-table-column label="15">
          <el-table-column label="Ac" prop="IAC15" />
          <el-table-olumn label="Re" prop="IRE15" />
        </el-table-column>
        <el-table-column label="25">
          <el-table-column label="Ac" prop="IAC25" />
          <el-table-olumn label="Re" prop="IRE25" />
        </el-table-column>
        <el-table-column label="40">
          <el-table-column label="Ac" prop="IAC40" />
          <el-table-olumn label="Re" prop="IRE40" />
        </el-table-column>
        <el-table-column label="65">
          <el-table-column label="Ac" prop="IAC65" />
          <el-table-olumn label="Re" prop="IRE65" />
        </el-table-column>
        <el-table-column label="100">
          <el-table-column label="Ac" prop="IAC100" />
          <el-table-olumn label="Re" prop="IRE100" />
        </el-table-column>

        <el-table-column label="150">
          <el-table-column label="Ac" prop="IAC150" />
          <el-table-olumn label="Re" prop="IRE150" />
        </el-table-column>
        <el-table-column label="250">
          <el-table-column label="Ac" prop="IAC250" />
          <el-table-olumn label="Re" prop="IRE250" />
        </el-table-column>
        <el-table-column label="400">
          <el-table-column label="Ac" prop="IAC400" />
          <el-table-olumn label="Re" prop="IRE400" />
        </el-table-column>
        <el-table-column label="650">
          <el-table-column label="Ac" prop="IAC650" />
          <el-table-olumn label="Re" prop="IRE650" />
        </el-table-column>
        <el-table-column label="1000">
          <el-table-column label="Ac" prop="IAC1000" />
          <el-table-olumn label="Re" prop="IRE1000" />
        </el-table-column>
      </el-table-column>
    </el-table>
  </div>
  <!-------------------------------表格 ----------------------up ------------------->
</template>
<script>
import { findAll } from '../../api/qm105e'
export default {
  name: 'Qm105e',
  data() {
    return {
      editVisible: false,
      query: {
        pageIndex: 1,
        pageSize: 10,
        name: ''
      },
      datas: []
    }
  },
  created() {
    this.getData()
  },
  methods: {
    // 获取 easy-mock 的模拟数据
    getData() {
      findAll().then(res => {
        console.log(res.data.data)
        this.datas = res.data.data
      })
    }
  }
}
</script>

<style scoped>
  .handle-box {
    margin: 20px;
  }

  .handle-select {
    width: 120px;
  }

  .handle-input {
    margin: 10px;
    width: 300px;
    display: inline-block;
  }
  .table {
    width: 100%;
    font-size: 14px;
  }
  .red {
    color: #ff0000;
  }
  .hand-btn {
    margin: 5px;
  }
</style>
